<template>
  <div class="sevenWeatherInfo marginBottom15">
    <div
      class="info_containerPadding info_containerBacInfoStyle"
    >
      <h1 class="mainTitleFont">7日天气预告</h1>
      <SevenCard
        v-for="(item, index) in forecast.days"
        :key="index"
        :cardItemData="item"
        :itemIndex="index"
      />
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";
//
import SevenCard from "../../common/sevenCard/SevenCard";
export default {
  name: "sevenWeatherInfo",
  components: {
    SevenCard,
  },
  data() {
    return {};
  },
  computed: {
    ...mapState(["forecast"]),
  },
};
</script>
 
 <style scoped>
.sevenWeatherInfo {
  width: 100%;
  height: auto;
}
</style>